<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<script>
  /*
      作用域 就是变量的使用范围 当创建一个变量 在某一个位置是否有权限使用这个变量 在js中早期只存在两种作用域(局部作用域 全局作用域) 后期扩展了块级作用域
      局部作用域：在函数中创建的变量就是局部变量，只能在函数中使用
      全局作用域：在函数之外创建的就是全局，在浏览器端存在一个最大的作用域叫做window作用域
  */
  // 1、认识作用域变量
  // 全局变量
  // let name = '王八';
  function fn(){
    // 局部变量
    let nickname = '李四';
    // console.log(name);
  }
  fn();
  // console.log(nickname) //无法访问
  // 2、js中函数的嵌套
  // 等价于 写 let fn2 = function(){} 就是在当前全局作用域中创建了一个fn2的变量
  function fn2(){
    // let fn3 = function(){
    //     console.log('fn3');
    // }
    function fn3(){
      console.log('fn3')
    }
    fn3();
  }
  fn2()
  // 3、浏览器端最顶级的window作用域
  // 在浏览器打开页面的时候 会提供一个顶级的window作用域（就是window对象），在该作用域下存在很多的信息，window作用域是随着页面的创建而创建 随着页面关闭而销毁
  console.log(window);
  // window.confirm("是否删除数据？")

</script>
</body>
</html>